.topbar-cotainer{
    height: .533333rem;
    width: 100%;
    display: flex;
}
.topbar-cotainer >.top-left{
    width: .866667rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.topbar-cotainer >.top-left > .imgbox{
    width: .85rem;
    height: .38rem;
    background-color: burlywood;
}
.top-left > .imgbox >img{
    width: 100%;
}
.topbar-cotainer >.top-center{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;

}
.topbar-cotainer >.top-center >.conter-box{
    height: .4rem;
    width: 95%;
    border: .013333rem solid #999;
    border-radius: .04rem;
    display: flex;
    
}
.topbar-cotainer >.top-center >.conter-box > .lis {
    height: .378rem;
    text-align: center;
    flex: 1;
    line-height:.4rem ;
    
}
.border-right{
    border-right: .013333rem solid #999;
}
.active-top{
    color: #fff;
    background-color: #999;
}
.topbar-cotainer >.top-right{
    width: .45rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.topbar-cotainer >.top-right >.search{
    width: .4rem;
    height: .378rem;
    text-align: center;
    line-height: .378rem;
    color: #999;
    font-size: .266667rem;
}